<template>
      <div class="c-edit" :id="'edit'+ id">

      </div>
</template>

<script>
  import _ from "lodash"
  export default {
    data() {
      return {
        name: 'base-example',
        Editor:{}
      }
    },
    methods: {
      init(){
        this.Editor = UE.getEditor(`edit${this.id}`)
      },
      getPlainTxt(){
        return  this.Editor.getPlainTxt()
      }
    },
    computed: {

    },
    mounted() {
      this.init();
    },
    components(){

    },
    activated(){
      this.init();
    },
    created(){
      this.id = _.uniqueId();
    }
  }
</script>

<style lang="less">
  .c-edit{
    width: 100%;
    min-height: 400px;
  }
</style>
